<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天猫TMALL.COM</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index-01.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <script src="../js/index.js" type="module"></script>
    <!-- <script src="../js/library/jquery.lazyload.min.js"></script> -->

</head>

<body>
    <!-- header start -->
    <div id="header">
        <div class="header-fir">
            <div class="wrapper">
                <div class="fir-left">
                    <span>喵，欢迎来天猫</span>
                    <a href="../html/login.html">请登录</a>
                    <a href="../html/register.html">免费注册</a>
                </div>
                <div class="fir-right">
                    <ul>
                        <li>
                            <a href="#">我的淘宝</a>
                            <div class="rotate-tri"></div>
                            <div class="mygoods">
                                <a href="#">已买到的宝贝</a><br>
                                <a href="#">已卖出的宝贝</a>
                            </div>
                        </li>
                        <li>
                            <a href="../html/shopping.html">
                                <i class="iconfont">&#xe77c;</i>购物车
                            </a>
                        </li>
                        <li>
                            <a href="#">收藏夹</a>
                            <div class="rotate-tri"></div>
                            <div class="mygoods">
                                <a href="#">收藏的宝贝</a><br>
                                <a href="#">收藏的店铺</a>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont">&#xe7b2;</i>手机版
                            </a>
                        </li>
                        <li>
                            <a href="#">淘宝网</a>
                        </li>
                        <li>
                            <a href="#">商家支持</a>
                            <div class="rotate-tri"></div>
                            <div class="seller">
                                <h4>商家：</h4>
                                <ul class="clearfloat">
                                    <li>
                                        <a href="#">商家中心</a>
                                    </li>
                                    <li>
                                        <a href="#">天猫规则</a>
                                    </li>
                                    <li>
                                        <a href="#">商家入驻</a>
                                    </li>
                                    <li>
                                        <a href="#">运营服务</a>
                                    </li>
                                    <li>
                                        <a href="#">商家品控</a>
                                    </li>
                                    <li>
                                        <a href="#">商家工具</a>
                                    </li>
                                    <li>
                                        <a href="#">天猫智库</a>
                                    </li>
                                    <li>
                                        <a href="#">喵言喵语</a>
                                    </li>
                                </ul>
                                <h4>帮助：</h4>
                                <ul class="clearfloat">
                                    <li>
                                        <a href="#">帮助中心</a></li>
                                    <li>
                                        <a href="#">问商友</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont">&#xe63f;</i>网站导航
                            </a>
                            <div class="netnavi">
                                <div class="hotcom">
                                    <span>热点推荐Hot</span>
                                    <ul class="clearfloat">
                                        <li><a href="#">天猫超市</a></li>
                                        <li><a href="#">喵生鲜</a></li>
                                        <li><a href="#">科技新品</a></li>
                                        <li><a href="#">女装新品</a></li>
                                        <li><a href="#">酷玩街</a></li>
                                        <li><a href="#">天猫超市</a></li>
                                        <li><a href="#">喵生鲜</a></li>
                                        <li><a href="#">科技新品</a></li>
                                        <li><a href="#">女装新品</a></li>
                                        <li><a href="#">酷玩街</a></li>
                                        <li><a href="#">天猫超市</a></li>
                                        <li><a href="#">喵生鲜</a></li>
                                        <li><a href="#">科技新品</a></li>
                                        <li><a href="#">女装新品</a></li>
                                        <li><a href="#">酷玩街</a></li>
                                    </ul>
                                </div>
                                <div class="market">
                                    <span>行业市场Market</span>
                                    <ul class="clearfloat">
                                        <li><a href="#">美妆</a></li>
                                        <li><a href="#">电器</a></li>
                                        <li><a href="#">女装</a></li>
                                        <li><a href="#">男装</a></li>
                                        <li><a href="#">女鞋</a></li>
                                        <li><a href="#">男鞋</a></li>
                                        <li><a href="#">内衣</a></li>
                                        <li><a href="#">箱包</a></li>
                                        <li><a href="#">运动</a></li>
                                        <li><a href="#">母婴</a></li>
                                        <li><a href="#">家装</a></li>
                                        <li><a href="#">医药</a></li>
                                        <li><a href="#">食品</a></li>
                                        <li><a href="#">配饰</a></li>
                                        <li><a href="#">汽车</a></li>
                                    </ul>
                                </div>
                                <div class="help">
                                    <span>服务指南Help</span>
                                    <ul class="clearfloat">
                                        <li><a href="#">帮助中心</a></li>
                                        <li><a href="#">品质保障</a></li>
                                        <li><a href="#">特色服务</a></li>
                                        <li><a href="#">7天退货</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header-search clearfloat">
            <div class="wrapper">
                <img src="../img/1-logo.png" alt="">
                <form action="#">
                    <div class="searchinput">
                        <input type="text" placeholder="搜索 天猫 商品/品牌/店铺" name="usersearch">
                        <button type="submit">搜&nbsp;索</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- header end -->

    <!-- banner start -->
    <div id="banner">
        <div class="navmain">
            <div class="wrapper clearfloat">
                <div class="goodsclass">
                    <i class="iconfont">&#xe618;</i>
                    <span>商品分类</span>
                </div>
                <ul>
                    <li>
                        <a href="#">
                            <img src="../img/02-tianmao-market.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/03-tianmao-international.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">天猫会员</a>
                    </li>
                    <li>
                        <a href="#">电器城</a>
                    </li>
                    <li>
                        <a href="#">喵鲜生</a>
                    </li>
                    <li>
                        <a href="#">医药馆</a>
                    </li>
                    <li>
                        <a href="#">魅力惠</a>
                    </li>
                    <li>
                        <a href="#">飞猪旅行</a>
                    </li>
                    <li>
                        <a href="#">苏宁易购</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="navdetail">
            <div class="wrapper">
                <ul class="goodslist">
                    <li>
                        <i class="iconfont">&#xe626;</i>
                        <a href="#">女装</a>
                        <a href="#">/内衣</a>
                        <div class="goodsclass-women  allgoods">
                            <div class="goodsdetail">
                                <div class="goodssort nowfashion clearfloat">
                                    <span>当季流行&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#E54077">女装新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#E54077">仙女连衣裙</a></li>
                                        <li><a href="#" style="color:#E54077">T恤</a></li>
                                        <li><a href="#">衬衫</a></li>
                                        <li><a href="#" style="color:#E54077">修身夹克</a></li>
                                        <li><a href="#" style="color:#E54077">时髦外套</a></li>
                                        <li><a href="#">潮流居家服</a></li>
                                        <li><a href="#">修身西服</a></li>
                                        <li><a href="#" style="color:#E54077">秋冬风衣</a></li>
                                        <li><a href="#" style="color:#E54077">束脚裤</a></li>
                                        <li><a href="#">破洞牛仔裤</a></li>
                                        <li><a href="#" style="color:#E54077">跑步鞋</a></li>
                                        <li><a href="#" style="color:#E54077">休闲鞋</a></li>
                                        <li><a href="#" style="color:#E54077">篮球鞋</a></li>
                                        <li><a href="#" style="color:#E54077">自行车</a></li>
                                        <li><a href="#">平衡车</a></li>
                                        <li><a href="#">帆布鞋</a></li>
                                        <li><a href="#">运动套装</a></li>
                                        <li><a href="#" style="color:#E54077">运动卫衣</a></li>
                                        <li><a href="#" style="color:#E54077">鱼缸</a></li>
                                        <li><a href="#" style="color:#E54077">冲锋衣</a></li>
                                        <li><a href="#" style="color:#E54077">跑步机</a></li>
                                        <li><a href="#" style="color:#E54077">电动车</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>精选上装&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#E54077">夹克</a></li>
                                        <li><a href="#">单西</a></li>
                                        <li><a href="#">棒球服</a></li>
                                        <li><a href="#" style="color:#E54077">棉衣</a></li>
                                        <li><a href="#">毛呢大衣</a></li>
                                        <li><a href="#" style="color:#E54077">风衣</a></li>
                                        <li><a href="#" style="color:#E54077">西服套装</a></li>
                                        <li><a href="#">羽绒服</a></li>
                                        <li><a href="#">皮衣</a></li>
                                        <li><a href="#" style="color:#E54077">秋冬风衣</a></li>
                                        <li><a href="#" style="color:#E54077">束脚裤</a></li>
                                        <li><a href="#">破洞牛仔裤</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>浪漫裙装&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#E54077">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#E54077">羽绒服</a></li>
                                        <li><a href="#" style="color:#E54077">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#E54077">修身夹克</a></li>
                                        <li><a href="#" style="color:#E54077">保暖棉服</a></li>
                                        <li><a href="#">温暖的针织衫</a></li>
                                        <li><a href="#">修身西服</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>女士下装&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#E54077">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#E54077">羽绒服</a></li>
                                        <li><a href="#" style="color:#E54077">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#E54077">修身夹克</a></li>
                                        <li><a href="#" style="color:#E54077">保暖棉服</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>特色女装&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#E54077">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#E54077">羽绒服</a></li>
                                        <li><a href="#" style="color:#E54077">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#E54077">修身夹克</a></li>
                                        <li><a href="#" style="color:#E54077">保暖棉服</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>家居服&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#E54077">跑步鞋</a></li>
                                        <li><a href="#">运动鞋</a></li>
                                        <li><a href="#" style="color:#E54077">板鞋</a></li>
                                        <li><a href="#" style="color:#E54077">潮鞋</a></li>
                                        <li><a href="#">休闲鞋</a></li>
                                        <li><a href="#" style="color:#E54077">篮球鞋</a></li>
                                        <li><a href="#" style="color:#E54077">足球鞋</a></li>

                                    </ul>
                                </div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <i class="iconfont">&#xe611;</i>
                        <a href="#">男装</a>
                        <a href="#">/运动户外</a>
                        <div class="goodsclass-man  allgoods">
                            <div class="goodsdetail">
                                <div class="goodssort nowfashion clearfloat">
                                    <span>当季流行&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#4F91F0">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#4F91F0">羽绒服</a></li>
                                        <li><a href="#" style="color:#4F91F0">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#4F91F0">修身夹克</a></li>
                                        <li><a href="#" style="color:#4F91F0">保暖棉服</a></li>
                                        <li><a href="#">温暖的针织衫</a></li>
                                        <li><a href="#">修身西服</a></li>
                                        <li><a href="#" style="color:#4F91F0">秋冬风衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">束脚裤</a></li>
                                        <li><a href="#">破洞牛仔裤</a></li>
                                        <li><a href="#" style="color:#4F91F0">跑步鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">休闲鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">篮球鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">自行车</a></li>
                                        <li><a href="#">平衡车</a></li>
                                        <li><a href="#">帆布鞋</a></li>
                                        <li><a href="#">运动套装</a></li>
                                        <li><a href="#" style="color:#4F91F0">运动卫衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">鱼缸</a></li>
                                        <li><a href="#" style="color:#4F91F0">冲锋衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">跑步机</a></li>
                                        <li><a href="#" style="color:#4F91F0">电动车</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>男士外套&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#4F91F0">夹克</a></li>
                                        <li><a href="#">单西</a></li>
                                        <li><a href="#">棒球服</a></li>
                                        <li><a href="#" style="color:#4F91F0">棉衣</a></li>
                                        <li><a href="#">毛呢大衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">风衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">西服套装</a></li>
                                        <li><a href="#">羽绒服</a></li>
                                        <li><a href="#">皮衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">秋冬风衣</a></li>
                                        <li><a href="#" style="color:#4F91F0">束脚裤</a></li>
                                        <li><a href="#">破洞牛仔裤</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>男士内搭&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#4F91F0">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#4F91F0">羽绒服</a></li>
                                        <li><a href="#" style="color:#4F91F0">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#4F91F0">修身夹克</a></li>
                                        <li><a href="#" style="color:#4F91F0">保暖棉服</a></li>
                                        <li><a href="#">温暖的针织衫</a></li>
                                        <li><a href="#">修身西服</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>男士裤装&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#4F91F0">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#4F91F0">羽绒服</a></li>
                                        <li><a href="#" style="color:#4F91F0">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#4F91F0">修身夹克</a></li>
                                        <li><a href="#" style="color:#4F91F0">保暖棉服</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>特色男装&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#4F91F0">当季新品</a></li>
                                        <li><a href="#">商场同款</a></li>
                                        <li><a href="#" style="color:#4F91F0">羽绒服</a></li>
                                        <li><a href="#" style="color:#4F91F0">潮流卫衣</a></li>
                                        <li><a href="#">牛仔衬衫</a></li>
                                        <li><a href="#" style="color:#4F91F0">修身夹克</a></li>
                                        <li><a href="#" style="color:#4F91F0">保暖棉服</a></li>

                                    </ul>
                                </div>
                                <div class="goodssort clearfloat">
                                    <span>运动鞋&gt;</span>
                                    <ul>
                                        <li><a href="#" style="color:#4F91F0">跑步鞋</a></li>
                                        <li><a href="#">运动鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">板鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">潮鞋</a></li>
                                        <li><a href="#">休闲鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">篮球鞋</a></li>
                                        <li><a href="#" style="color:#4F91F0">足球鞋</a></li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont">&#xe639;</i>
                        <a href="#">女鞋</a>
                        <a href="#">/男鞋</a>
                        <a href="#">/箱包</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe628;</i>
                        <a href="#">美妆</a>
                        <a href="#">/个人护理</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe61f;</i>
                        <a href="#">腕表</a>
                        <a href="#">/眼镜</a>
                        <a href="#">/珠宝饰品</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe616;
                        </i>
                        <a href="#">手机</a>
                        <a href="#">/数码</a>
                        <a href="#">/电脑办公</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe623;
                        </i>
                        <a href="#">母婴玩具</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe622;
                        </i>
                        <a href="#">零食</a>
                        <a href="#">/茶酒/进口食品</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe69e;
                        </i>
                        <a href="#">生鲜水果</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe621;
                        </i>
                        <a href="#">大家电/生活电器</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe620;
                        </i>
                        <a href="#">家具建材</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe621;
                        </i>
                        <a href="#">汽车/配件</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe621;
                        </i>
                        <a href="#">大家电/生活电器</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe621;
                        </i>
                        <a href="#">大家电/生活电器</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe621;
                        </i>
                        <a href="#">大家电/生活电器</a>
                    </li>
                    <li>
                        <i class="iconfont">&#xe621;
                        </i>
                        <a href="#">大家电/生活电器</a>
                    </li>

                </ul>

                <!-- ad start -->
                <div id="slider">
                    <div>
                        <a href="#"><img src="../img/banner-01.png" alt=""></a>
                        <a href="#"><img src="../img/banner-02.jpg" alt=""></a>
                        <a href="#"><img src="../img/banner-03.png" alt=""></a>
                        <a href="#"><img src="../img/banner-04.jpg" alt=""></a>
                        <a href="#"><img src="../img/banner-05.png" alt=""></a>
                        <a href="#"><img src="../img/banner-06.png" alt=""></a>
                    </div>

                    <span>
                        <i class="adactive"></i>
                        <i></i>
                        <i></i>
                        <i></i>
                        <i></i>
                        <i></i>
                    </span>
                </div>
                <!-- ad end -->
            </div>
        </div>
    </div>
    <!-- banner end -->

    <!-- body start -->
    <div id="body">
        <div class="wrapper clearfloat">
            <!-- brand lists start -->
            <ul class="brandlists clearfloat">
                <li class="brand-items">
                    <img src="../img/brand-01.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥50</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-02.png" alt="">
                    <a href="#">
                        <div class="brand-title">Schneider Electric/施耐德</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-03.png" alt="">
                    <a href="#">
                        <div class="brand-title">Siwy</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-04.png" alt="">
                    <a href="#">
                        <div class="brand-title">Catalo/家得路</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-05.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥30</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-06.png" alt="">
                    <a href="#">
                        <div class="brand-title">ROYAL CANIN/皇家 ￥30</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-07.png" alt="">
                    <a href="#">
                        <div class="brand-title">派克</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-08.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥100</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-09.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥500</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-10.png" alt="">
                    <a href="#">
                        <div class="brand-title">Modern HOUSE</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-10.png" alt="">
                    <a href="#">
                        <div class="brand-title">Modern HOUSE</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-10.png" alt="">
                    <a href="#">
                        <div class="brand-title">Modern HOUSE</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-06.png" alt="">
                    <a href="#">
                        <div class="brand-title">ROYAL CANIN/皇家 ￥30</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-07.png" alt="">
                    <a href="#">
                        <div class="brand-title">派克</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-08.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥100</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-06.png" alt="">
                    <a href="#">
                        <div class="brand-title">ROYAL CANIN/皇家 ￥30</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-07.png" alt="">
                    <a href="#">
                        <div class="brand-title">派克</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-08.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥100</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-01.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥50</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-02.png" alt="">
                    <a href="#">
                        <div class="brand-title">Schneider Electric/施耐德</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-03.png" alt="">
                    <a href="#">
                        <div class="brand-title">Siwy</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-10.png" alt="">
                    <a href="#">
                        <div class="brand-title">Modern HOUSE</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-06.png" alt="">
                    <a href="#">
                        <div class="brand-title">ROYAL CANIN/皇家 ￥30</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-07.png" alt="">
                    <a href="#">
                        <div class="brand-title">派克</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>

                <li class="brand-items">
                    <img src="../img/brand-02.png" alt="">
                    <a href="#">
                        <div class="brand-title">Schneider Electric/施耐德</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-07.png" alt="">
                    <a href="#">
                        <div class="brand-title">派克</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-08.png" alt="">
                    <a href="#">
                        <div class="brand-title">优惠券 ￥100</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-06.png" alt="">
                    <a href="#">
                        <div class="brand-title">ROYAL CANIN/皇家 ￥30</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items">
                    <img src="../img/brand-07.png" alt="">
                    <a href="#">
                        <div class="brand-title">派克</div>
                        <div class="enterbrand">点击进入</div>
                    </a>
                </li>
                <li class="brand-items changebrand">
                    <i class="iconfont">&#xe6df;</i>
                    <div class="changebrand-btn">换一批</div>
                </li>
            </ul>
            <!-- brand lists end -->

            <!-- tianmao market start-->
            <div id="tianmaomarket">
                <div class="market-logo">
                    <img src="../img/market-logo.png" alt="">
                </div>

                <div class="marketgoods clearfloat">
                    <div class="import-fruit">
                        <a href="#">
                            <img class="lazy" data-original="../img/market-fruit-import.png" alt="">
                            <div class="fruits-intro">
                                <span>韩国<br>进口</span>
                                <span>天猫专享<br>进口水果季</span>
                            </div>
                            <div class="enter-market">
                                <img class="lazy" data-original="../img/market-enter.png" alt="">
                            </div>
                            <div class="market-hover"></div>
                        </a>
                    </div>

                    <div class="othergoods">
                        <div class="limitbox clearfloat">
                            <div class="limitgoods">
                                <div class="numlimit">
                                    <p>量贩装</p>
                                </div>
                                <a href="#" class="limitintro">
                                    <img class="lazy" data-original="../img/market-shrimp.png" alt="">
                                    <div class="freepost">
                                        <div class="limittitle">
                                            <img src="../img/market-date.png" alt=""><span>单件包邮</span>
                                        </div>
                                        <span>低价享不停</span>
                                    </div>
                                    <div class="limitshadow"></div>
                                </a>
                            </div>
                        </div>
                        <a href="#" class="market-sound">
                            <img src="../img/market-sound.png" alt="">
                            <span></span>
                            <p>天猫精灵硬糖无线蓝牙智能音箱音响家用</p>
                            <div>￥99</div>
                        </a>
                        <a href="#" class="market-cookie">
                            <img src="../img/market-cookie.png" alt="">
                            <span></span>
                            <p>印尼Wasuka草莓爆浆威化卷</p>
                            <div>￥19.9</div>
                        </a>
                        <a href="#" class="market-cookie">
                            <img src="../img/market-book.png" alt="">
                            <span></span>
                            <p>专注力训练300图8册2-6岁儿童思维逻辑益</p>
                            <div>￥22</div>
                        </a>
                        <a href="#" class="market-facial">
                            <img src="../img/market-facial.png" alt="">
                            <span></span>
                            <p>沐阳婴儿手口屁专用湿巾纸80抽*3包新生</p>
                            <div>￥15.8</div>
                        </a>
                        <a href="#" class="market-knife">
                            <img src="../img/market-knife.png" alt="">
                            <span></span>
                            <p>飞利浦剃须刀电动刮胡刀充电式男士胡须</p>
                            <div>￥209</div>
                        </a>
                        <a href="#" class="market-meat">
                            <img src="../img/market-meat.png" alt="">
                            <span></span>
                            <p>美的绞肉机家用电动不锈钢多功能小型打</p>
                            <div>￥159</div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- tianmao market end -->

            <!-- tianmao international start -->
            <div id="tianmaointernation">
                <div class="internation-logo">
                    <img src="../img/international-logo.png" alt="">
                </div>

                <div class="internationgoods clearfloat">
                    <div class="import-goods">
                        <a href="#">
                            <img src="../img/international-tianmao.jpg" alt="">
                            <div class="tianmao-internation">
                                <span>进口<br>大牌</span>
                                <span>抢大牌好物<br>抢先加购</span>
                            </div>
                            <div class="enter-internation">
                                <img src="../img/market-enter.png" alt="">
                            </div>
                            <div class="internation-hover"></div>
                        </a>
                        <a href="#">
                            <img src="../img/interntional-makeup.jpg" alt="">
                            <div class="tianmao-internation">
                                <span>进口<br>大牌</span>
                                <span>领大牌好礼<br>抢大额券</span>
                            </div>
                            <div class="enter-internation">
                                <img src="../img/market-enter.png" alt="">
                            </div>
                            <div class="internation-hover"></div>
                        </a>
                    </div>

                    <div class="othergoods">
                        <!-- <a href="#">
                            <img src="../img/international-veet.jpg" alt="">
                            <span></span>
                            <p>Veet/薇婷 敏感肌肤专用脱毛膏100g 男</p>
                            <div>￥59</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-ck.jpg" alt="">
                            <span></span>
                            <p>三条装 正品Calvin Klein/CK美版男士平</p>
                            <div>￥164</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-dic.jpg" alt="">
                            <span></span>
                            <p>清仓dickies短袖T恤男士街头潮流经典款</p>
                            <div>￥109</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-DHA.jpg" alt="">
                            <span></span>
                            <p>DHA儿童青少年健脑补大脑增强记忆力提</p>
                            <div>￥139</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-GSK.jpg" alt="">
                            <span></span>
                            <p>GSK2.19克拉纳米祖母绿戒指925银经典</p>
                            <div>￥288</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-whole.jpg" alt="">
                            <span></span>
                            <p>新西兰原装进口suki抒褀全脂承认奶粉成</p>
                            <div>￥228</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-add.jpg" alt="">
                            <span></span>
                            <p>阿迪达斯Adidas ZXFLUX 三叶草 酒红色</p>
                            <div>￥449.39</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-sos.jpg" alt="">
                            <span></span>
                            <p>德国SOS液体创口贴防水创口贴 伤口愈合</p>
                            <div>￥69</div>
                        </a> -->
                    </div>
                </div>
            </div>
            <!-- tianmao international end -->

            <div class="fashion-brand" id="fashion-brand">
                <img src="../img/fashion-brand.jpg" alt="">
            </div>

            <!-- beauty life start -->
            <div id="beautylife">
                <div class="beauty-logo">
                    <span></span>
                    <span> 美丽人生 FASHION & BEAUTY</span>
                </div>

                <div class="beautygoods clearfloat">
                    <div class="new-cloth">
                        <a href="#">
                            <img src="../img/beauty-girl.png" alt="">
                            <div class="beauty-intro">
                                <span>焕新<br>换型</span>
                                <span>时尚女装<br>优雅而知性</span>
                            </div>
                            <div class="enter-beauty">
                                <img src="../img/market-enter.png" alt="">
                            </div>
                            <div class="beauty-hover"></div>
                        </a>
                    </div>

                    <div class="othergoods">
                        <a href="#">
                            <img src="../img/beauty-flower.jpg" alt="">
                            <span></span>
                            <p>吉普春季新款马甲男士休闲砍袖夹克青年</p>
                            <div>￥286</div>
                        </a>
                        <a href="#">
                            <img src="../img/beauty-red.jpg" alt="">
                            <span></span>
                            <p>红蜻蜓坡跟女鞋 软皮软底单鞋 2021新款真</p>
                            <div>￥239</div>
                        </a>
                        <a href="#">
                            <img src="../img/international-dic.jpg" alt="">
                            <span></span>
                            <p>回力男鞋帆布低帮网球田径运动跑步鞋</p>
                            <div>￥79</div>
                        </a>
                        <a href="#">
                            <img src="../img/beauty-red.jpg" alt="">
                            <span></span>
                            <p>红蜻蜓坡跟女鞋 软皮软底单鞋 2021新款真</p>
                            <div>￥239</div>
                        </a>
                        <a href="#">
                            <img src="../img/beauty-crytal.jpg" alt="">
                            <span></span>
                            <p>月老祠堂天然薰衣草紫水晶手链女学生简</p>
                            <div>￥249</div>
                        </a>
                        <a href="#">
                            <img src="../img/beauty-bag.jpg" alt="">
                            <span></span>
                            <p>瑞戈瑞士军士刀旅行双肩包瑞士大容量</p>
                            <div>￥319</div>
                        </a>
                        <a href="#">
                            <img src="../img/beauty-watch.jpg" alt="">
                            <span></span>
                            <p>冠琴正品手表男士超薄石英时尚学生防</p>
                            <div>￥158</div>
                        </a>
                        <a href="#">
                            <img src="../img/beauty-puma.jpg" alt="">
                            <span></span>
                            <p>PUMA彪马官方正品新款男女同款简约经</p>
                            <div>￥329</div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- beauty life end -->

            <div id="tianmaoend">
                <img src="../img/tianmao-end.png" alt="">
            </div>


        </div>
    </div>
    <!-- body end -->

    <!-- footer start-->
    <div id="footer">
        <div class="tmservice">
            <div class="wrapper">
                <div class="tmensure">
                    <img src="../img/quality-en.png" alt="">
                    <img src="../img/quality-seven.png" alt="">
                    <img src="../img/quality-servi.png" alt="">
                    <img src="../img/quality-help.png" alt="">
                </div>
                <div class="tmguide clearfloat">
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="#">免费注册</a></dd>
                        <dd><a href="#">开通支付宝</a></dd>
                        <dd><a href="#">支付宝充值</a></dd>
                    </dl>
                    <dl>
                        <dt>天猫保障</dt>
                        <dd><a href="#">发票保障</a></dd>
                        <dd><a href="#">售后规则</a></dd>
                        <dd><a href="#">缺货赔付</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">快捷支付</a></dd>
                        <dd><a href="#">信用卡</a></dd>
                        <dd><a href="#">余额宝</a></dd>
                        <dd><a href="#">蚂蚁花呗</a></dd>
                        <dd><a href="#">货到付款</a></dd>
                    </dl>
                    <dl>
                        <dt>商家服务</dt>
                        <dd><a href="#">天猫规则</a></dd>
                        <dd><a href="#">商家入驻</a></dd>
                        <dd><a href="#">商家中心</a></dd>
                        <dd><a href="#">天猫智库</a></dd>
                        <dd><a href="#">物流服务</a></dd>
                        <dd><a href="#">喵言喵语</a></dd>
                        <dd><a href="#">运营服务</a></dd>
                    </dl>
                    <dl>
                        <dt>
                            手机天猫
                        </dt>
                        <dd>
                            <img src="../img/tianmao-code.png" alt="">
                        </dd>
                    </dl>
                </div>
            </div>
        </div>

        <div class="commsg">
            <div class="wrapper">
                <div class="tianmaocom">
                    <ul class="clearfloat">
                        <li>
                            <a href="#">关于天猫</a>
                        </li>
                        <li>
                            <a href="#">商家服务大厅</a>
                        </li>
                        <li>
                            <a href="#">开放平台</a>
                        </li>
                        <li>
                            <a href="#">诚聘英才</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                        <li>
                            <a href="#">网站合作</a>
                        </li>
                        <li>
                            <a href="#">法律声明</a>
                        </li>
                        <li>
                            <a href="#">隐私权政策</a>
                        </li>
                        <li>
                            <a href="#">知识产权</a>
                        </li>
                        <li>
                            <a href="#">廉政举报</a>
                        </li>
                        <li>
                            <a href="#">规则意见征集</a>
                        </li>
                    </ul>
                </div>
                <div class="alicom">
                    <ul class="clearfloat">
                        <li><a href="#">阿里巴巴集团 |</a></li>
                        <li><a href="#">淘宝网 |</a></li>
                        <li><a href="#">天猫</a></li>
                        <li><a href="#">聚划算 |</a></li>
                        <li><a href="#">全球速卖通 |</a></li>
                        <li><a href="#">阿里巴巴国际交易市场 |</a></li>
                        <li><a href="#">1688 |</a></li>
                        <li><a href="#">阿里妈妈 |</a></li>
                        <li><a href="#">飞猪</a></li>
                        <li><a href="#">阿里云计算 |</a></li>
                        <li><a href="#">AliOS</a></li>
                        <li><a href="#">阿里通信 |</a></li>
                        <li><a href="#">万网 |</a></li>
                        <li><a href="#">高德 |</a></li>
                        <li><a href="#">UC |</a></li>
                        <li><a href="#">友盟 |</a></li>
                        <li><a href="#">虾米 |</a></li>
                        <li><a href="#">钉钉 |</a></li>
                        <li><a href="#">支付宝 |</a></li>
                        <li><a href="#">阿里安全</a></li>
                    </ul>
                </div>
                <div class="lawmsg">
                    <div class="lawregi">
                        <span><a href="#">增值电信业务经营许可证：浙B2-20110446</a></span>
                        <span>市场名称登记证：工商网市字3301004119号</span>
                        <span>出版物网络交易平台服务经营备案证：新出发浙备字第2019002号</span>
                    </div>
                    <div class="lawinternet">
                        <span>互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</span>
                        <span>互联网药品信息服务资质证书编号：浙-（经营性）-2017-0005</span>
                        <span><a href="#">
                            <img src="../img/footer-zjpolice.png" alt="">
                            浙公网安备 33010002000120号</a></span>
                    </div>
                    <div class="lawmedi">
                        <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</span>
                    </div>
                    <div class="lawfood">
                        <span>浙江省网络视频销售第三方平台提供者备案：浙网食A33010002</span>
                        <span><a href="#">12318举报</a></span>
                        <span><a href="#">浙B2-20110446-1</a></span>
                    </div>
                    <div class="tmcopyright">
                        &copy;2003-2020TMALL.COM版权所有
                    </div>
                    <div class="tmintecivl">
                        <a href="#">
                            <img src="../img/footer-netbussin.gif" alt="">
                        </a>
                        <a href="#">
                            <img src="../img/footer-netcul.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">

        </div>

    </div>
    <!-- footer end -->

    <!-- 导航 -->
    <ul id="nav-list">
        <li><a href="javascript:;">导航</a></li>
        <li><a href="javascript:;" title="tianmaomarket" class="active" id="market">天猫超市</a></li>
        <li><a href="javascript:;" title="tianmaointernation" id="inter">天猫国际</a></li>
        <li><a href="javascript:;" title="beautylife" id="life">美丽人生</a></li>
        <li>
            <a href="javascript:;">
                <i class="iconfont">&#xe7c1;</i> 顶部
            </a>
        </li>
    </ul>

    <div id="index-search">
        <div class="wrapper">
            <span>
               <i class="iconfont">&#xe836;</i>
            </span>
            <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
            <button>搜索</button>
        </div>
    </div>

</body>

</html>